<template>
	<view>
		<view class="u-p-32 u-font-lgm text-bold">{{newDetails.noticeTitle}}</view>
		
		<view class="card">
			<view class="content" v-html="newDetails.noticeContentHtml"></view>
		</view>
	</view>
</template>

<script>
	import {getNewsDetails} from "@/common/api/api.js"
	export default {
		data() {
			return {
				newDetails:'',
				id:'0561b31ab8024a2795fe2a66edd9b653'
			}
		},
		onLoad(options) {
		this.handleGetNewsDetails(options.id);	
		},
		methods: {
			handleGetNewsDetails(id){
				getNewsDetails({id:id}).then(res=>{
					this.newDetails=res.data;
				})
			}
		}
	}
</script>

<style>
	.card{
		padding: 32rpx;
		margin: 0rpx 32rpx 32rpx  32rpx;
		background-color: #fff;
		border-radius: 16rpx;
	}
	
	.content{
		color: #999;
		font-size: 28rpx;
		line-height: 45rpx;
	}
</style>
